<template>
  <div id="basicLayout">
    <a-layout>
      <a-layout-header class="header">
        <GlobalHeader />
      </a-layout-header>
      <a-layout-content class="content">
        <RouterView />
      </a-layout-content>
      <a-layout-footer class="footer">
        <a href="http://http://139.155.25.174" target="_blank">
          智能云图库target=_blank是打开新页面的意思
        </a>
      </a-layout-footer>
    </a-layout>
  </div>
</template>
<!--
#basicLayout .footer {
  background: rgba(255, 111, 0, 0.87); //背景
  text-align: center; //文字剧中
  position: fixed;  //固定在底部
  bottom: 0; 底
  left: 0;
  right: 0; 右
  padding: 16px; 边距
}

#basicLayout .content {
  padding: 20px;
  margin-bottom: 20px; //底部凸出来 不然有种被吞掉的感觉
  background: linear-gradient(to left, rgb(255, 255, 255), rgb(92, 182, 182));  //渐变色
}

#basicLayout .header {
  background: white; 背景色
  margin-bottom: 16px; //底部边距
  color: unset; //去掉文字颜色
  padding-inline: 20px;//左右边距
}

getCurrentUser().then(res => { //.then 返回值
  console.log(res);
})
  -->
<script setup lang="ts">
import GlobalHeader from "@/components/GlobalHeader.vue";
import { getCurrentUser } from "@/api/user";
// .then 返回值
getCurrentUser().then((res) => {
  console.log(res);
});
</script>
<style scoped>
#basicLayout .footer {
  background: rgba(70, 67, 67, 0.87);
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
}

#basicLayout .content {
  padding: 20px;
  margin-bottom: 20px;
  background: linear-gradient(to left, rgb(255, 255, 255), rgb(198, 225, 225));
}

#basicLayout .header {
  background: white;
  margin-bottom: 16px;
  color: unset;
  padding-inline: 20px;
}
</style>
